.order-wrap
    width: 90%
    margin: 0 auto
.order-header
    width: 100%
    text-align: center
    padding: 4rem 0
    display: flex
    justify-content: center
    border-bottom: 1px solid $border
    i
        font-size: 3.5rem
        color: $mainColor
        margin-right: 5px
    span
        font-size: 2.5rem
.order-section
    padding-bottom: 4rem
    p
        color: #6aa4f7
        margin-top: 10px
.order-message
    display: flex
    flex-direction: column
    border-bottom: 1px solid $border
    padding: 10px 0
    h3
        font-size: 1.2rem
        color: $fontColor
        margin-top: 10px
        padding-bottom: 10px
    dl
        display: flex
        font-size: 1.3rem
        line-height: 2.3rem
        dt
            width: 5em
    dl:nth-child(2)
        dd
            color: $fontColor
    dl:nth-child(3)
        dd
            color: #f7b809
.order-footer
    display: flex
    justify-content: space-between
    a
        padding: 0.8rem 3rem 
        font-size: 1.3rem
        border-radius: 5px
.order-btn
    border: 1px solid $mainColor
    color: $mainColor
.order-btns
    color: #ffffff
    background: $mainColor
.order-link
    color: #000000
    display: block
.defeated-content
    display: flex
    flex-direction: column
    align-items: center
    margin-top: 30%
    img
        width: 40%
    p
        font-size: 1.6rem
    span
        font-size: 1rem
        color: $fontColor
        margin-top: 1rem
.defeated-btn
    flex-wrap: wrap
    text-align: center
    width: 90%
    margin: 5rem auto 0
    a
        width: 100%
        margin-top: 30px
        padding: 0.6rem 0
